.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url();
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url();
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url();
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url();
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
a {
  color: #2ea1cd;
  text-decoration: none;
}
.mailpoet_hidden {
  display: none !important;
}
input.mailpoet_color {
  width: 5em;
}
select.mailpoet_font-family {
  width: 8em;
}
select.mailpoet_font-size {
  width: 5em;
}
.mailpoet_input,
.mailpoet_select {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  appearance: none;
  padding: 3px;
  line-height: 22px;
}
.mailpoet_input {
  width: 283px;
  border: 1px solid #e5e5e5;
}
.mailpoet_input_small {
  width: 48px;
}
.mailpoet_input_medium {
  width: 150px;
}
.mailpoet_input_full {
  width: 100%;
  box-sizing: border-box;
}
.mailpoet_range {
  width: 283px;
  -webkit-appearance: none;
  padding: 0;
  vertical-align: middle;
}
.mailpoet_range:focus {
  outline: none;
}
.mailpoet_range::-webkit-slider-runnable-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  animate: 0.2s;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.mailpoet_range::-webkit-slider-thumb {
  border: 1px solid #333;
  height: 26px;
  width: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #a4a4a4;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8.666666666666666px;
}
.mailpoet_range:hover::-webkit-slider-thumb {
  background: #0074a2;
}
.mailpoet_range::-moz-range-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  animate: 0.2s;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.mailpoet_range::-moz-range-thumb {
  border: 1px solid #333;
  height: 26px;
  width: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #a4a4a4;
  cursor: pointer;
}
.mailpoet_range:hover::-moz-range-thumb {
  background: #0074a2;
}
.mailpoet_range::-ms-fill-lower {
  border: 1px solid #ddd;
  background: #fff;
}
.mailpoet_range::-ms-fill-upper {
  border: 1px solid #ddd;
  background: #fff;
}
.mailpoet_range::-ms-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 24px 0;
  color: transparent;
}
.mailpoet_range::-ms-thumb {
  border: 1px solid #333;
  height: 26px;
  width: 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #a4a4a4;
  cursor: pointer;
}
.mailpoet_range:hover::-ms-thumb {
  background: #0074a2;
}
.mailpoet_range:focus::-ms-fill-lower {
  border: 1px solid #ddd;
  background: #fff;
}
.mailpoet_range:focus::-ms-fill-upper {
  border: 1px solid #ddd;
  background: #fff;
}
.mailpoet_range_small {
  width: 100px;
}
.mailpoet_range_medium {
  width: 180px;
}
.mailpoet_select {
  border-color: #e5e5e5;
  color: #656565;
  margin: 0;
}
.mailpoet_select_large {
  width: 139px;
}
.mailpoet_select_medium {
  width: 103px;
}
.mailpoet_select_small {
  width: 68px;
}
.mailpoet_select_half_width {
  width: 50%;
}
#mailpoet_editor_content ol,
#mailpoet_editor_content ul {
  list-style-position: inside;
  margin-left: 0;
}
#mailpoet_editor_content ul {
  list-style-type: disc;
}
.mailpoet_button {
  margin: 0;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  padding: 6px 20px;
  color: #a4a4a4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: normal;
  vertical-align: top;
}
.mailpoet_button_full {
  width: 100%;
  box-sizing: border-box;
}
.tooltip-help-designer-subject-line div,
.tooltip-help-designer-preheader div {
  z-index: 100001;
}
.tooltip-help-send-preview {
  position: absolute;
  right: 15px;
}
.tooltip-help-designer-ideal-width {
  color: #656565;
  text-transform: none;
  margin-left: 5px;
  font-weight: normal;
}
.tooltip-help-designer-styles {
  position: absolute;
  top: 40px;
}
.tooltip-help-designer-full-width .dashicons {
  line-height: 34px;
}
.tooltip-help-designer-full-width span {
  line-height: 1.4em;
}
.mailpoet_button_primary {
  border-color: #0074a2;
  background-color: #2ea1cd;
  color: #fff;
}
.mailpoet_button_primary:hover {
  background-color: #1e8cbe;
}
.mailpoet_button_group {
  display: inline;
}
.mailpoet_button_group .mailpoet_button:first-child {
  margin-right: 0;
  padding: 6px 12px 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mailpoet_button_group .mailpoet_button:last-child {
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mailpoet_text_content p {
  margin: 1em 0;
}
.mailpoet_separator {
  margin: 17px 20px;
}
.mailpoet_option_offset_left_small {
  margin-left: 10px;
}
input.mailpoet_option_offset_left_small {
  margin-left: 10px !important;
}
#mailpoet_editor {
  width: 100%;
  clear: both;
}
#mailpoet_editor_heading {
  padding-left: 15px;
  margin-left: 2px;
}
#mailpoet_editor_main_wrapper {
  border: 1px solid #ddd;
  border-left: 0;
  position: relative;
  min-width: 1050px;
}
#mailpoet_editor_content_container {
  width: 100%;
  padding-right: 330px;
  box-sizing: border-box;
}
#mailpoet_editor_sidebar {
  float: right;
  width: 330px;
  box-sizing: border-box;
}
.mailpoet_newsletter_wrapper {
  max-width: 660px;
  width: 660px;
  margin: auto;
  position: relative;
}
.mailpoet_form_field {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mailpoet_form_field_title {
  clear: both;
  margin-bottom: 5px;
}
.mailpoet_form_field_title_small {
  width: 120px;
}
.mailpoet_form_field_title_inline {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 6px;
}
.mailpoet_form_field_optional {
  font-size: 0.8em;
  color: #a4a4a4;
}
.mailpoet_form_field_radio_option,
.mailpoet_form_field_checkbox_option {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  line-height: 30px;
}
.mailpoet_form_field_radio_option:last-child,
.mailpoet_form_field_checkbox_option:last-child {
  margin-right: 0;
}
.mailpoet_form_field_input_option {
  display: inline-block;
}
.mailpoet_form_field_input_option input[type=checkbox] {
  vertical-align: top;
}
.mailpoet_form_field_input_option input[type=text] {
  vertical-align: middle;
}
.mailpoet_form_field_block {
  display: block;
}
.mailpoet_heading_form_field {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mailpoet_input_title,
.mailpoet_input_preheader {
  width: 500px;
  padding: 3px;
  line-height: normal;
}
.mailpoet_input_title {
  font-size: 23px;
}
.mailpoet_breadcrumbs {
  float: right;
  clear: both;
  margin-bottom: 13px;
  margin-right: 17px;
  font-size: 0.9em;
  text-transform: uppercase;
}
#mailpoet_editor_sidebar {
  border-left: #ddd;
  border-bottom: #ddd;
  color: #656565;
  font-size: 13px;
}
#mailpoet_editor_sidebar .mailpoet_sidebar_region {
  margin-bottom: 0;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: 0;
  border-right: 0;
}
#mailpoet_editor_sidebar .mailpoet_sidebar_region.closed .mailpoet_region_content {
  display: none;
}
#mailpoet_editor_sidebar .mailpoet_region_content {
  padding: 0 20px;
  margin-top: 12px;
}
#mailpoet_editor_sidebar,
#mailpoet_editor_sidebar .postbox {
  background-color: #f8f8f8;
}
#mailpoet_editor_sidebar .postbox {
  padding-bottom: 20px;
}
#mailpoet_editor_sidebar .postbox.closed {
  padding-bottom: 0;
}
#mailpoet_editor_sidebar .postbox.closed h3 {
  color: #a4a4a4;
  cursor: pointer;
}
#mailpoet_editor_sidebar .postbox h3,
#mailpoet_editor_sidebar .postbox:hover h3 {
  margin: 0;
  padding: 17px 20px;
  text-transform: uppercase;
  color: #0074a2;
}
#mailpoet_editor_sidebar .postbox h3,
#mailpoet_editor_sidebar .postbox .handlediv {
  cursor: auto;
  border: 0;
}
#mailpoet_editor_sidebar .postbox .handlediv::before {
  top: 18px;
  right: 18px;
  font: 400 20px/1 dashicons;
  speak: none;
  display: inline-block;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none !important;
  content: '\f142';
  color: #0074a2;
}
#mailpoet_editor_sidebar .postbox.closed .handlediv::before {
  content: '\f140';
  color: #a4a4a4;
}
#mailpoet_editor_sidebar .postbox.closed:hover .handlediv::before {
  color: #0074a2;
}
.mailpoet_widget {
  display: inline-block;
  width: 70px;
  text-align: center;
  float: left;
  padding: 0 13px 15px 13px;
}
.mailpoet_widget:nth-child(3n+1) {
  clear: left;
}
.mailpoet_widget .mailpoet_widget_icon {
  width: 70px;
  height: 70px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 2px #d8d8d8;
  -moz-box-shadow: 1px 2px #d8d8d8;
  box-shadow: 1px 2px #d8d8d8;
  color: #aaa;
  fill: #aaa;
  text-align: center;
  line-height: 70px;
  box-sizing: border-box;
  margin-bottom: 9px;
/* Vertically align widget icon glyphs */
}
.mailpoet_widget .mailpoet_widget_icon > * {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  font-size: 30px;
}
.mailpoet_widget .mailpoet_widget_icon:hover {
  color: #0074a2;
  fill: #0074a2;
  border: 1px solid #0074a2;
}
.mailpoet_widget.mailpoet_droppable_active {
  color: #0074a2;
  fill: #0074a2;
}
.mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_icon {
  border: 1px solid #0074a2;
  color: #0074a2;
  fill: #0074a2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_title {
  display: none;
}
.mailpoet_editor_settings {
  color: #656565;
  font-size: 13px;
}
.mailpoet_editor_settings p {
  font-size: 1em;
}
.mailpoet_editor_settings h3 {
  font-size: 1.4em;
  color: #0074a2;
  text-transform: uppercase;
}
.mailpoet_sidepanel_field {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mailpoet_sidepanel_field_title {
  clear: both;
  margin-bottom: 5px;
}
.mailpoet_sidepanel_field_title_small {
  width: 120px;
}
.mailpoet_sidepanel_field_title_inline {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  margin-bottom: 0;
}
.mailpoet_sidepanel_field_optional {
  font-size: 0.8em;
  color: #a4a4a4;
}
.mailpoet_sidepanel_radio_option,
.mailpoet_sidepanel_checkbox_option {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  line-height: 30px;
}
.mailpoet_sidepanel_radio_option:last-child,
.mailpoet_sidepanel_checkbox_option:last-child {
  margin-right: 0;
}
.mailpoet_sidepanel_input_option {
  display: inline-block;
}
.mailpoet_sidepanel_input_option input[type=checkbox] {
  vertical-align: top;
}
.mailpoet_sidepanel_input_option input[type=text] {
  vertical-align: middle;
}
#mailpoet_editor_bottom {
  margin-top: 39px;
  margin-left: 29px;
}
.mailpoet_save_options {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: left;
  overflow: hidden;
  margin: 5px 0 0 0;
  clear: both;
  vertical-align: top;
  background: #fff;
  border: 1px solid #ddd;
}
.mailpoet_save_option {
  margin: 0;
}
.mailpoet_save_option > a {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 2em;
}
.mailpoet_save_option:hover {
  background-color: #2ea1cd;
  color: #fff;
}
.mailpoet_save_option:hover > a {
  color: #fff;
}
.mailpoet_save_show_options {
  padding: 6px 3px 4px;
}
.mailpoet_save_show_options.mailpoet_save_show_options_active .mailpoet_save_show_options_icon::before {
  content: '\f142';
}
.mailpoet_save_show_options_icon {
  vertical-align: middle;
}
.mailpoet_save_show_options_icon::before {
  content: '\f140';
}
.mailpoet_save_as_template_container,
.mailpoet_export_template_container {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  clear: both;
  margin-top: 5px;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.mailpoet_save_as_template_title,
.mailpoet_export_template_title {
  font-size: 1.1em;
}
.mailpoet_editor_last_saved {
  color: #a4a4a4;
  font-size: 0.9em;
  display: inline;
}
.mailpoet_save_error {
  color: #d54e21;
}
.mailpoet_tools {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  padding: 2px;
  text-align: right;
  overflow: hidden;
}
.mailpoet_tools .mailpoet_tool_slider {
  position: relative;
  right: -100%;
  transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
  opacity: 0;
}
.mailpoet_tools.mailpoet_display_tools .mailpoet_tool_slider {
  right: 0;
  opacity: 1;
}
.mailpoet_tools a {
  vertical-align: top;
}
.mailpoet_container_horizontal + .mailpoet_tools {
  left: 100%;
  right: initial;
  padding-left: 5px;
}
.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tool_slider {
  left: -100%;
  right: initial;
}
.mailpoet_container_horizontal + .mailpoet_tools.mailpoet_display_tools .mailpoet_tool_slider {
  left: 0;
}
.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tool {
  width: 24px;
  height: 24px;
  display: block;
}
.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tool .mailpoet_tool_icon {
  width: 24px;
  height: 24px;
}
.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activate {
  max-width: 100%;
  max-height: 24px;
  opacity: 1;
  display: block;
}
.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_confirm,
.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_cancel {
  max-width: 100%;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  display: block;
  margin: 0;
}
.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated {
  width: auto;
  height: auto;
}
.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_activate {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
}
.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_confirm,
.mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_cancel {
  max-height: 48px;
  opacity: 1;
}
.mailpoet_tool {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 2px;
}
.mailpoet_tool:hover {
  filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=2, Color='#d2d2d4');
  -webkit-filter: drop-shadow(1px 2px 0px #d2d2d4);
  -ms-filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=2, Color='#d2d2d4');
  filter: drop-shadow(1px 2px 0px #d2d2d4);
}
.mailpoet_tool .mailpoet_tool_icon {
  fill: #333;
  width: 20px;
  height: 20px;
}
.mailpoet_tool .mailpoet_tool_icon .mailpoet_tool_icon_foreground {
  fill: #fff;
}
.mailpoet_tool .mailpoet_tool_icon:hover {
  fill: #bbb;
}
.mailpoet_tool .mailpoet_tool_icon:hover .mailpoet_tool_icon_foreground {
  fill: #fff;
}
.mailpoet_tool .mailpoet_tool_icon:active {
  fill: #0074a2;
}
.mailpoet_tool .mailpoet_tool_icon:active .mailpoet_tool_icon_foreground {
  fill: #fff;
}
.mailpoet_tool .mailpoet_delete_block_confirmation {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
}
.mailpoet_delete_block {
  display: inline-block;
  padding: 2px;
  vertical-align: top;
  transition: background 250ms cubic-bezier(0.42, 0, 0.58, 1) /* ease-in-out */;
}
.mailpoet_delete_block .mailpoet_tool {
  padding: 0;
}
.mailpoet_delete_block .mailpoet_delete_block_activate {
  max-width: 20px;
  display: inline-block;
  opacity: 1;
  transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1) /* ease-in-out */;
}
.mailpoet_delete_block .mailpoet_delete_block_confirm,
.mailpoet_delete_block .mailpoet_delete_block_cancel {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  display: inline-block;
  transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1) /* ease-in-out */;
}
.mailpoet_delete_block_activated {
  height: auto;
  width: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #e64047;
  padding: 3px 5px;
}
.mailpoet_delete_block_activated .mailpoet_delete_block_activate {
  overflow: hidden;
  max-width: 0;
  opacity: 0;
}
.mailpoet_delete_block_activated .mailpoet_delete_block_confirm,
.mailpoet_delete_block_activated .mailpoet_delete_block_cancel {
  max-width: 100%;
  opacity: 1;
}
.mailpoet_delete_block_activated .mailpoet_delete_block_cancel {
  margin-left: 3px;
}
.mailpoet_delete_block_confirm {
  color: #fff;
}
.mailpoet_delete_block_confirm:hover {
  color: #fff;
  text-decoration: underline;
}
.mailpoet_delete_block_cancel {
  color: #f4c6c8;
}
.mailpoet_delete_block_cancel:hover {
  color: #f4c6c8;
  text-decoration: underline;
}
.mailpoet_newsletter_layer_selector.mailpoet_container_layer_active .mailpoet_tool_icon {
  fill: #0074a2;
  z-index: 100001 !important;
}
.mailpoet_newsletter_layer_selector.mailpoet_container_layer_active .mailpoet_tool_icon .mailpoet_tool_icon_foreground {
  fill: #fff;
}
.mailpoet_container_layer_active .mailpoet_block {
  pointer-events: none;
  opacity: 0.4;
}
.mailpoet_container_layer_active .mailpoet_container_block {
  pointer-events: auto;
  opacity: 1;
}
.mailpoet_container_layer_active .mailpoet_container_block > .mailpoet_tools {
  display: block !important;
}
.mailpoet_container_layer_active > .mailpoet_tools {
  z-index: 100001 !important;
}
.mailpoet_layer_overlay {
  height: 100%;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100000;
  background-color: rgba(0,0,0,0.6);
  margin: 0 !important;
}
.mailpoet_layer_highlight {
  pointer-events: none;
  background-color: #f1f1f1;
  position: relative;
  z-index: 100001 !important;
}
.mailpoet_drop_marker {
  background-color: #0074a2;
  position: absolute;
  min-width: 2px;
  min-height: 2px;
  z-index: 1;
  -webkit-box-shadow: 0px 0px 1px 0px #0074a2;
  -moz-box-shadow: 0px 0px 1px 0px #0074a2;
  box-shadow: 0px 0px 1px 0px #0074a2;
}
.mailpoet_drop_marker::before,
.mailpoet_drop_marker::after {
  position: absolute;
  margin-top: -18px;
  font: 400 40px/1 dashicons;
  color: #0074a2;
}
.mailpoet_drop_marker::before {
  left: -25px;
  content: "\f139";
}
.mailpoet_drop_marker::after {
  right: -23px;
  content: "\f141";
}
.mailpoet_drop_marker.mailpoet_drop_marker_middle,
.mailpoet_drop_marker.mailpoet_drop_marker_first.mailpoet_drop_marker_after,
.mailpoet_drop_marker.mailpoet_drop_marker_last.mailpoet_drop_marker_before {
  margin-top: -1px;
}
.mailpoet_drop_marker.mailpoet_drop_marker_last.mailpoet_drop_marker_after {
  margin-top: -2px;
}
#mailpoet_editor .mailpoet_droppable_active {
  z-index: 21000;
}
.mailpoet_block.mailpoet_droppable_active {
  border: 1px dashed #0074a2 !important;
  width: 660px;
}
.mailpoet_block.mailpoet_droppable_active .mailpoet_tools {
  display: none !important;
}
.mailpoet_widget.mailpoet_droppable_active {
  padding: 0;
  margin: 0;
  z-index: 2;
  animation-name: fadeIn;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}
.mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_icon {
  padding: 0;
  margin: 0;
}
.mailpoet_drop_active > .mailpoet_container > div > .mailpoet_container_empty {
  background-color: #0074a2;
  -webkit-box-shadow: inset 1px 2px 1px #025c80;
  -moz-box-shadow: inset 1px 2px 1px #025c80;
  box-shadow: inset 1px 2px 1px #025c80;
  color: #fff;
}
.mailpoet_droppable_block {
  cursor: move;
}
.mailpoet_droppable_block.mailpoet_ignore_drag {
  cursor: auto;
}
.mailpoet_resize_handle_container {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.mailpoet_resize_handle {
  padding: 6px 15px 10px 6px;
  position: relative;
  top: 5px;
  background: #0074a2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  width: 30px;
  cursor: ns-resize;
  z-index: 2;
}
.mailpoet_resize_handle .mailpoet_resize_handle_text,
.mailpoet_resize_handle .mailpoet_resize_handle_icon {
  pointer-events: none;
}
.mailpoet_resize_handle_text {
  line-height: 1.5em;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.mailpoet_resize_handle_icon {
  position: absolute;
  top: 9px;
  right: 1px;
}
.mailpoet_resize_handle_icon > svg {
  width: 15px;
  height: 15px;
  fill: #fff;
}
.mailpoet_block.mailpoet_resize_active > .mailpoet_block_highlight {
  border: 1px dashed #0074a2;
}
.mailpoet_block.mailpoet_resize_active > .mailpoet_block_highlight .mailpoet_resize_handle {
  display: inline-block;
}
.mailpoet_block {
  box-sizing: border-box;
  position: relative;
  float: left;
  background-color: inherit;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.mailpoet_block > .mailpoet_block_highlight {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,0);
}
.mailpoet_block:hover > .mailpoet_block_highlight,
.mailpoet_block.mailpoet_highlight > .mailpoet_block_highlight {
  border: 1px dashed #0074a2;
}
.mailpoet_content {
  position: relative;
  line-height: 1.6em;
}
.mailpoet_content h1,
.mailpoet_content h2,
.mailpoet_content h3,
.mailpoet_content h4,
.mailpoet_content h5,
.mailpoet_content h6 {
  line-height: 1.6em;
  padding: 0;
  margin: 0;
  font-style: normal;
  font-weight: normal;
}
.mailpoet_content h1,
.mailpoet_content h2,
.mailpoet_content h3,
.mailpoet_content h4,
.mailpoet_content h5,
.mailpoet_content h6 {
  margin-bottom: 0.3em;
}
.mailpoet_content p:not(.mailpoet_wp_post) {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  margin: 0;
}
.mailpoet_content p {
  line-height: 1.6em;
  font-style: normal;
  font-weight: normal;
}
.mailpoet_content ul {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.mailpoet_content li {
  margin-top: 0;
  font-weight: normal;
  margin-bottom: 10px;
}
.mailpoet_content blockquote {
  margin: 0 0 1.6em;
  padding-left: 10px;
  border-left: 2px #565656 solid;
}
.mailpoet_container {
  width: 100%;
  min-height: 15px;
  position: relative;
}
.mailpoet_container_block {
  margin-left: 0;
  margin-right: 0;
  position: relative;
  box-sizing: border-box;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}
.mailpoet_container_block:hover > .mailpoet_block_highlight {
  border: 0;
}
.mailpoet_container_vertical > * {
  width: 100%;
  box-sizing: border-box;
}
.mailpoet_container_horizontal > * {
  vertical-align: top;
}
#mailpoet_editor_content .mailpoet_container {
  box-sizing: border-box;
  float: left;
}
#mailpoet_editor_content > .mailpoet_container_block {
  width: 660px;
  border: 0;
}
#mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block {
  margin-bottom: 0;
}
#mailpoet_editor_content .mailpoet_container_horizontal > .mailpoet_container_block {
  margin-bottom: 0;
  width: 660px;
}
#mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2),
#mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block {
  width: 330px;
}
#mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3),
#mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block {
  width: 220px;
}
.mailpoet_container_empty {
  text-align: center;
  background-color: #f2f2f2;
  margin: 20px;
  padding: 15px;
  -webkit-box-shadow: inset 1px 2px 1px #a4a4a4;
  -moz-box-shadow: inset 1px 2px 1px #a4a4a4;
  box-shadow: inset 1px 2px 1px #a4a4a4;
  color: #656565;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: background 250ms cubic-bezier(0.42, 0, 0.58, 1) /* ease-in-out */;
}
.mailpoet_automated_latest_content_block {
  padding: 0;
}
.mailpoet_automated_latest_content_block_overlay {
  position: absolute;
  z-index: 19;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0);
  transition: background 0.15s ease-out;
}
.mailpoet_automated_latest_content_block:hover .mailpoet_automated_latest_content_block_overlay {
  background: rgba(255,255,255,0.7);
  cursor: pointer;
}
.mailpoet_automated_latest_content_block_posts {
  overflow: auto;
  pointer-events: none;
}
.mailpoet_automated_latest_content_block_posts > .mailpoet_block {
  width: 100%;
}
.mailpoet_automated_latest_content_display_options {
  transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1) /* ease-in-out */;
  max-height: 2000px;
  opacity: 1;
  overflow-y: hidden;
}
.mailpoet_automated_latest_content_display_options.mailpoet_closed {
  max-height: 0px;
  opacity: 0;
}
.mailpoet_automated_latest_content_show_amount {
  width: 25px;
}
.mailpoet_automated_latest_content_content_type {
  width: 180px;
}
.mailpoet_posts_block {
  padding-left: 0;
  padding-right: 0;
}
.mailpoet_posts_block_posts {
  overflow: auto;
}
.mailpoet_posts_block_posts > .mailpoet_block {
  width: 100%;
}
.mailpoet_post_selection_filter_row {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mailpoet_posts_categories_and_tags {
  width: 100%;
}
.mailpoet_settings_posts_display_options,
.mailpoet_settings_posts_selection {
  transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1) /* ease-in-out */;
  max-height: 2000px;
  opacity: 1;
  overflow-y: hidden;
  overflow-x: hidden;
}
.mailpoet_settings_posts_display_options.mailpoet_closed,
.mailpoet_settings_posts_selection.mailpoet_closed {
  max-height: 0px;
  opacity: 0;
}
.mailpoet_settings_posts_show_display_options,
.mailpoet_settings_posts_show_post_selection {
  display: block;
  margin-top: 10px;
}
.mailpoet_post_selection_container {
  margin-top: 20px;
  margin-bottom: 0;
}
.mailpoet_post_scroll_container {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 400px;
}
.mailpoet_settings_posts_single_post {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
  border: 1px solid #ddd;
  background-color: #fff;
}
.mailpoet_settings_posts_single_post:hover {
  border-color: #0074a2;
}
.mailpoet_settings_posts_single_post .mailpoet_select_post_checkbox {
  margin-left: 10px;
  margin-right: 8px;
}
.mailpoet_post_selection_loading {
  color: #999;
}
.mailpoet_button_block {
  overflow: hidden;
}
.mailpoet_button_block .mailpoet_editor_button {
  display: block;
  margin: auto;
  line-height: 2em;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  max-width: 100%;
}
.mailpoet_button_block .mailpoet_editor_button:hover {
  cursor: all-scroll;
}
.mailpoet_divider_block {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  cursor: all-scroll;
}
.mailpoet_divider {
  margin-left: 20px;
  margin-right: 20px;
}
.mailpoet_field_divider_style {
  max-width: 660px;
  margin: auto;
  display: block;
  width: 100%;
  border: 1px solid transparent;
}
.mailpoet_active_divider_style {
  border: 1px solid #adadad;
  background: #daebf2;
}
.mailpoet_field_divider_style:hover {
  border: 1px solid #0074a2;
}
.mailpoet_divider_selector img {
  width: 100%;
}
.mailpoet_field_divider_style {
  padding: 10px 0;
}
.mailpoet_image_block img {
  vertical-align: bottom;
  max-width: 100%;
  width: auto;
  height: auto;
}
.mailpoet_image_block.mailpoet_full_image {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.mailpoet_image_block .mailpoet_content a:hover {
  cursor: all-scroll;
}
.mailpoet_social_block {
  padding-top: 0px;
  padding-bottom: 0px;
}
.mailpoet_social_block .mailpoet_social {
  text-align: center;
}
.mailpoet_social span {
  display: inline-block;
  padding: 2px 3px;
}
.mailpoet_social span,
.mailpoet_social a,
.mailpoet_social img {
  vertical-align: top;
}
.mailpoet_social a {
  cursor: all-scroll;
}
.mailpoet_social_icon_set {
  border: 1px solid transparent;
  padding: 5px;
  margin-bottom: 5px;
}
.mailpoet_social_icon_set:hover {
  border: 1px solid #0074a2;
}
.mailpoet_social_icon_set img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  padding: 2px 3px;
}
.mailpoet_active_icon_set {
  border: 1px dashed #adadad;
  background-color: #daebf2;
}
.mailpoet_social_icon_settings {
  position: relative;
  padding: 28px 9px 8px 9px;
  margin-bottom: 9px;
  background: #fff;
  border: 1px solid #ddd;
}
.mailpoet_social_icon_settings_row {
  clear: both;
  overflow: auto;
  margin-bottom: 10px;
  line-height: 30px;
}
.mailpoet_social_icon_settings_label {
  margin-right: 5px;
  text-align: left;
}
.mailpoet_social_icon_settings_label .mailpoet_social_icon_image {
  width: 30px;
  height: 30px;
}
.mailpoet_social_icon_settings_label.mailpoet_social_icon_image_label {
  line-height: initial;
}
.mailpoet_social_icon_settings_form_element {
  float: left;
  width: 100%;
}
.mailpoet_social_icon_settings_form_element input,
.mailpoet_social_icon_settings_form_element select {
  width: 100%;
  height: 30px;
  box-sizing: border-box;
  margin: 0;
  vertical-align: middle;
  display: inline-block;
}
.mailpoet_social_icon_settings_tool {
  position: absolute;
  top: 10px;
}
.mailpoet_social_icon_settings_tool .mailpoet_tool_icon {
  fill: #333;
  width: 16px;
  height: 16px;
}
.mailpoet_social_icon_settings_tool .mailpoet_tool_icon:hover {
  fill: #bbb;
}
.mailpoet_social_icon_settings_tool .mailpoet_tool_icon:active {
  fill: #0074a2;
}
.mailpoet_social_icon_settings_tool .mailpoet_tool_icon:active {
  filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=2, Color='#d2d2d4');
  -webkit-filter: drop-shadow(1px 2px 0px #d2d2d4);
  -ms-filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=2, Color='#d2d2d4');
  filter: drop-shadow(1px 2px 0px #d2d2d4);
}
.mailpoet_social_icon_settings_move_icon {
  right: 5px;
}
.mailpoet_social_icon_settings_delete_icon {
  right: 26px;
}
.mailpoet_spacer {
  text-align: center;
}
.mailpoet_spacer_block {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  cursor: all-scroll;
}
.mailpoet_text_block {
  padding-left: 0;
  padding-right: 0;
}
.mailpoet_text_block > .mailpoet_content {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
.mailpoet_text_block > .mailpoet_content > *:last-child {
  margin-bottom: 0;
}
.mailpoet_header_block {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.mailpoet_header_block .mailpoet_content {
  padding: 10px 20px;
}
.mailpoet_header_block .mailpoet_content > *:last-child {
  margin-bottom: 0;
}
.mailpoet_footer_block {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.mailpoet_footer_block .mailpoet_content {
  padding: 10px 20px;
}
.mailpoet_footer_block .mailpoet_content > *:last-child {
  margin-bottom: 0;
}
.select2-dropdown {
  z-index: 101000 !important;
}
.select2-container {
  border: none;
  padding: 0;
}
.select2 input,
.select2 input:focus {
  border-color: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.mailpoet_editor_settings .select2-container {
  width: 100% !important;
}
div.mce-toolbar-grp.mce-container {
  position: absolute;
}
.mce-tinymce.mce-tinymce-inline {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.05);
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.05);
}
.mce-window div.mce-container-body.mce-abs-layout {
  overflow: hidden;
}
.mce-window .mce-window-head div.mce-dragh {
  width: -webkit-calc(100% - 36px);
  width: calc(100% - 36px);
}
.mce-i-mailpoet_shortcodes:before {
  font: 400 20px/1 dashicons !important;
  content: "\f307";
}
.mce-edit-focus {
  outline: none;
}
#wp-link li,
#wp-link div.query-notice,
clear: both,
margin-bottom: 0,
border-bottom: 1px solid #f1f1f1,
color: #333,
padding: 4px 6px,
cursor: pointer,
position: relative,
#wpbody-content > * {
  margin-left: 20px;
}
#wpbody-content > .wrap {
  margin-left: 0;
}
#wpcontent {
  margin-left: 160px;
  padding-left: 0;
}
.folded #wpcontent {
  margin-left: 36px;
}
.wrap {
  margin-left: 0;
  margin-right: 0;
}
#wpadminbar {
  z-index: 50000;
}
body {
  overflow-x: auto;
}
.media-sidebar {
  display: none;
}
#mailpoet-media-manager .attachments-browser .attachments,
#mailpoet-media-manager .attachments-browser .uploader-inline {
  margin-right: 0;
}
#mailpoet-media-manager .attachments-browser .attachments,
#mailpoet-media-manager .attachments-browser .media-toolbar,
#mailpoet-media-manager .attachments-browser .uploader-inline {
  right: 0;
}
#media-attachment-date-filters {
  max-width: calc(100% - 12px);
}
.sp-replacer {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0;
  border: 0;
  -webkit-box-shadow: 1px 2px #d8d8d8;
  -moz-box-shadow: 1px 2px #d8d8d8;
  box-shadow: 1px 2px #d8d8d8;
}
.sp-preview {
  border-width: 0;
  margin-right: 0;
  width: 25px;
  height: 25px;
}
.sp-dd {
  display: none;
}
.mailpoet_panel_body {
  margin: 19px;
  padding: 0;
}
.mailpoet_panel_wrapper {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
}
.wrap > .mailpoet_notice,
.notice,
.update-nag {
  margin-left: 17px !important;
}
.mailpoet_button_group .button:first-child {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mailpoet_button_group .button:last-child {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
